<!DOCTYPE html>
<html lang="en">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>存根2023年</title>

    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .w100 {
            width: 100%;
        }
        .flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .wrap {
            flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            -webkit-box-lines: multiple;
            -moz-flex-wrap: wrap;
        }

        .justify-center {
            -webkit-box-pack: center;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            justify-content: center;
        }
        .justify-between {
            -webkit-box-pack: space-between;
            -moz-justify-content: space-between;
            -webkit-justify-content: space-between;
            justify-content: space-between;
        }
        .box-inline {
            display: inline-block;
        }
        .mr6 {
            margin-right: 6px;
        }
        .mt6 {
            margin-top: 6px;
        }
        .mb6 {
            margin-bottom: 6px;
        }
        .ml6 {
            margin-left: 6px;
        }
        .clearfix::after,
        .clearfix::before {
            content: '';
            display: table;
            clear: both;
        }
        .top .section {
            font-size: 12px;
            height: 120px;
            vertical-align: top;

        }
        .top .section .inner {
            position: relative;
            top:50%;
            transform: translateY(-50%);

        }
        .top .section-s {
            width: 14%;
        }
        .top .section-l {
            width: 32%;
        }
        .top .section span {
            font-weight: 600;
        }
        .ul {
            font-size: 0;
        }
        .template,
        .li {
            width: 20%;
            height: 120px;
            border: 1px solid #000;
            border-radius: 1px;
        }
        .template .left {
            padding-left: 2px;
            width: 50%;
        }
        .li .left {
            padding-left: 2px;
            width: 62%;
        }
        .template .left .item,
        .li .left .item {
            font-size: 8px;
            width: 100%;
            white-space:nowrap;
            overflow: hidden;

        }
        .template .left .item span,
        .li .left .item span {
            font-weight: 400;
        }
        .template .right,
        .li .right {
            width: 38%;
            height: 114px;
            padding-right: 2px;
            padding-top: 2px;
            float: right;
        }
        .template .right img,
        .li .right img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: fill;
        }
        .content2 {
            page-break-before: always;
        }

        .template {
            float:right;
        }
        .content2 {
            page-break-before: always;
        }


    </style>
</head>

<body >
    <div class="container clearfix" th:each ='candidateList,status:${candidateLists}'>
        <div class="top mt6 ml6">
            <div class="section box-inline section-s">
                <div class='inner box-inline'>
                考点：<span th:text='${placeName}'></span>
                </div>
            </div>
            <div class="section box-inline section-s"><div class='inner box-inline'>考场：<span th:text='${roomName}'></span></div></div>
            <div class="section box-inline section-s"><div class='inner box-inline'>批次名称：<span th:text='${timeName}'></span></div></div>
            <div class="section box-inline section-l">
                <div class='inner box-inline'>
                    考试时间：<span th:text='${timeRange}'></span>
                </div>
            </div>
            <div class="template box-inline">
                <div class="left box-inline">
                    <div class="item seat"  th:if="${dict.seat} != null">座位号：<span></span></div>
                    <div class="item name"  th:if="${dict.name} != null">姓名：<span></span></div>
                    <div class="item sex"  th:if="${dict.sex} != null">性别：<span></span></div>
                    <div class="item idcard"  th:if="${dict.idcard} != null">身份证：<span></span></div>
                    <div class="item admission"  th:if="${dict.admission} != null">准考证号：<span></span></div>
                    <div class="item subject"  th:if="${dict.subject} != null">科目：<span></span></div>
                    <div class="item sign"  th:if="${dict.sign} != null">签字：<span></span></div>
                </div>
                <div class="right box-inline"><img
                        src="https://obs-ogt.obs.cn-east-3.myhuaweicloud.com:443/tinymce/1675325390599-blobid0.png"  alt="">
                </div>
            </div>
        </div>
        <div class="ul  w100">
            <div class="li box-inline" th:each='candidate:${candidateList}'>
                <div class="left box-inline">
                    <div class="item seat"  th:if="${candidate.seatLabel} != null"><span  th:text='${candidate.seat}'></span></div>
                    <div class="item name" th:if="${candidate.nameLabel} != null"><span  th:text='${candidate.name}'></span></div>
                    <div class="item sex" th:if="${candidate.sexLabel} != null"><span  th:text='${candidate.sex}'></span></div>
                    <div class="item idcard" th:if="${candidate.idcardLabel} != null"><span  th:text='${candidate.idcard}'></span></div>
                    <div class="item admission" th:if="${candidate.admissionLabel} != null"><span  th:text='${candidate.admission}'></span></div>
                    <div class="item subject" th:if="${candidate.subjectLabel} != null"><span  th:text='${candidate.subject}'></span></div>
                    <div class="item sign" th:if="${candidate.signLabel} != null"></div>
                </div>
                <div class="right box-inline" th:if="${candidate.photoLabel} != null"><img th:if="${candidate.photo} == null or ${candidate.photo} == ''"
                                                                                src="https://obs-ogt.obs.cn-east-3.myhuaweicloud.com:443/tinymce/1675325390599-blobid0.png"    />
                    <img th:if ="${candidate.photo} != null and ${candidate.photo} != ''"
                         th:src="${candidate.photo}"    />
                </div>

            </div>
        </div>
        <div class="content2"></div>
    </div>

</body>

</html>